<%--
  Created by IntelliJ IDEA.
  User: shuangchenyue
  Date: 2021/6/6
  Time: 14:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <head>
        <meta charset="UTF-8">
        <title>商品详情</title>
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/style.css">
    </head>
</head>
<body>

<header>
    <div class="top center"style="text-align: center">
        <div class="right fr">
            <div class="gouwuche fr"><a href="">购物车</a></div>
            <div class="fr">
                <ul>
                    <li><a href="${pageContext.request.contextPath}/login.jsp" target="_blank">登录</a></li>
                    <li>|</li>
                    <li><a href="/onlineshop/mvc/toRegister.do" target="_blank" >注册</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
</header>
<!--end header -->

<!-- start banner_x -->

<!-- end banner_x -->


<!-- xiangqing -->
<form action="post" method="">

    <div class="jieshao mt20 w">
        <div class="left fl"><img src="${pageContext.request.contextPath}/${requestScope.product.detailimages}"></div>
        <div class="right fr">
            <div class="h3 ml20 mt20">${requestScope.product.name}</div>
            <div class="jianjie mr40 ml20 mt10">${requestScope.product.company}</div>
            <div class="jiage ml20 mt10">$ ${requestScope.product.baseprice}</div>
            <div class="ft20 ml20 mt20">商品名称</div>
            <div class="xzbb ml20 mt10">
                <div class="banben fl" style="text-align: center">
                    <a>
                        <span>${requestScope.product.name} </span>
                        <span>$ ${requestScope.product.baseprice}</span>
                    </a>
                </div>
                <div class="clear"></div>
            </div>
            <div class="ft20 ml20 mt20">商品分类</div>
            <div class="xzbb ml20 mt10">
                <div class="banben">
                    <a>
                        <span class="yuandian"></span>
                        <span class="yanse">${requestScope.product.category.name}</span>
                    </a>
                </div>

            </div>
            <div class="xqxq mt20 ml20">
                <div class="top1 mt10">
                    <div class="left1 fl">${requestScope.product.name}-${requestScope.product.company}-${requestScope.product.category.name}</div>
                    <div class="right1 fr">$ ${requestScope.product.baseprice}</div>
                    <div class="clear"></div>
                </div>
                <div class="bot mt20 ft20 ftbc">总计：$ ${requestScope.product.baseprice}</div>
            </div>
            <div class="xiadan ml20 mt20" style="text-align: center">
                <table>
                    <tr>
                        <td>
                           <div style="width:200px;height: 50px;background-color: #ff6700;text-align: center;line-height: 50px;margin-left: 55px;margin-right: 50px" ><a style="font-size: 20px;color: white;font-weight: bold;width:200px;height: 50px;" href="#">立即选购</a></div>
                        </td>
                        <td>
                            <div style="width:200px;height: 50px;background-color: #ff6700;text-align: center;line-height: 50px" ><a style="font-size: 20px;color: white;font-weight: bold;width:200px;height: 50px;"href="#">加入购物车</a></div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</form>
<div style="margin-left: 150px;width: 200px;">
    <p style="font-size: 30px;color: #83c44e;font-weight: bold">商品描述</p>
</div>

<div style="width: 1226px;height: 300px;margin: 0px auto;border:1px lightgray solid;">
    <p style="font-size: 25px;float: left">${requestScope.product.descriptions}</p>
</div>
<!-- footer -->

<footer>
    <div class="copyright">简体 | 繁体 | English | 常见问题</div>
    <div class="copyright">罗德岛制药公司版权所有-罗ICP备111451419-<img src="image/ghs.png" alt="">罗公网安备1145141919810号-罗ICP证114514号</div>
</footer>


</body>
</html>
